import "@/assets/main.css";

import "material-symbols";
import "@fontsource/roboto/100.css";
import "@fontsource/roboto/300.css";
import "@fontsource/roboto/400.css";
import "@fontsource/roboto/500.css";
import "@fontsource/roboto/700.css";
import "@fontsource/roboto/900.css";
import "@fontsource-variable/noto-sans-sc";
import "@fontsource/noto-serif-sc/200.css";
import "@fontsource/noto-serif-sc/300.css";
import "@fontsource/noto-serif-sc/400.css";
import "@fontsource/noto-serif-sc/500.css";
import "@fontsource/noto-serif-sc/600.css";
import "@fontsource/noto-serif-sc/700.css";
import "@fontsource/noto-serif-sc/900.css";

import { enableDynamicColor } from "./theme";
enableDynamicColor();

import { createApp } from "vue";
import App from "@/App.vue";
import router from "@/router";
const app = createApp(App);

app.use(router);
app.mount("#app");